
/** Top Menu
=================================================*/
ul#top_menu li{
    display: inline;
}
.signup-button{
    margin-top: 5px;
    margin-right: 10px;
}
.signup-button a.button{
    background: #fff;
    margin-left: 5px;
}
.signup-button a:hover{
    text-decoration: none;
    color: #000;
    background: #f3f3f3;
}
/* User Home
================================================================================================*/
#header #logo{
	display: inline;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
#header #menu{
	display: inline;
	float: right;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
/** status and message form **/
form#formUpdateNotice textarea,
form#message_form textarea{
    height: 25px;
    width: 515px;
    padding: 10px 5px;
    border: 2px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: auto;

}
form#formUpdateNotice textarea:focus,
form#message_form textarea:focus{
    border: 2px solid #C1B092;
}
form#message_form label{
    display: block;
    float: none;
}
.button-update .submit,
.button-sent .submit{
    padding: 5px;
    font-size: 1.5em;
    border: 2px solid #ccc;
}
.button-update .submit:hover,
.button-sent .submit:hover{
     border: 2px solid #C1B092;
}
.button-update,
.button-sent{
    width: 530px;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
}
/** Home display notice **/

/* ----- Latest Notice ----- */
#latest_notice{
    position: relative;
    margin-bottom: 20px;
}
#latest_notice p.latest-notice{
    position: absolute;
    top: -40px;
    width: 450px;
    font-size: 0.8em;
    word-wrap: break-word;
    line-height: 1.5;
    color: #666;
}
#latest_notice p.latest-notice span{
    color: #1F1D1D;
}
ul#menu_tab li a, ul#menu_tab li a:hover{
 	display:block;
 	margin-left:-15px;
	padding-left:15px;
	text-decoration:none;
 }
/** display notice **/
#content_notice{
    margin: 20px 0 10px 0;
}
#content_notice h2{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
/** notice section at home and profile */
ul#section_notice{
    font-size: 0.9em;
    line-height: 1.5;
}
ul#section_notice li.notice{
    border-bottom: 1px solid #f3f3f3;
    padding-top: 10px;
    clear: both;
}
ul#section_notice li.notice:hover{
    background: #f3f3f3;
}
li.notice span.author-thumb{
    float: left;
    width: 48px;
    margin: 10px 10px 10px 0;
}
li.notice span.author-username{
    padding-right: 5px;
    font-weight: bold;
}
div.message-notice{
    float: right;
    width: 470px;
    margin-top: 5px;
    margin-bottom: 10px;
    word-wrap: break-word;
}
/** actions on notice **/
.actions-wrap{
    margin-top: 5px;
    height: 20px;
}
ul.actions{
    
    font-size: 0.9em;
}
ul.actions li{
    float: left;
    position: relative;
    margin-right: 5px;
    padding-right: 3px;
}
ul.actions li:hover{
     background: #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
ul.actions li a:hover{
    text-decoration: none;
}
ul.actions li span.ui-icon{
    float: left;padding-right: 2px; margin-top: 1px
}
ul.actions-hidden{
    display: none;
}
ul.actions-active{
    display: block;
}

/** Notice profile **/
#user-thumbnail{
    width: 530px;
}
#user-thumbnail img{
    float: left;
    margin-right: 15px;
    
}
#user-thumbnail div.author-username{
    font-size: 3em;
}
.nav-profile{
    background: #f6f6f6;
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.nav-profile a.button:hover{
    text-decoration: none;
}
/** front paging **/
#content_notice div.paging{
    margin-top: 20px;
}
#content_notice div.paging p.before{
    float: left;
}
#content_notice div.paging p.more{
    float: right;
}
 
/**************** Message ****************/
#tabs-message{
    font-size: 0.9em;
}
#tabs-message a{
    color: #319CC5;
}
#tabs-message div.message-panel{
    background: #fff;
    padding: 10px;
    
}
div.message-wrap{
    float: right;
    width: 430px;
    margin-top: 5px;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.message-top-header{
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.message-top-header span.sender-header-title{
    float: left;
    width: 75px;
}
/**************** Company ****************/
.company_slug{
    display: block;
    padding-left: 12em;
    color: #aaa;
}
.childClassify{
    padding-left: 10px;
}
/* left sidebar*/
.logo_wrap{
    padding-right: 10px;
}
.logo_wrap img.logo{
    border: 1px solid #ccc;
    background: #fff;
    padding: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

}

ul#company_left_menu{
    margin-top: 20px;
    padding: 0;
    line-height: 1.5;
}
ul#company_left_menu li { position: relative; cursor: pointer; list-style: none;}
ul#company_left_menu span.ui-icon {float: left;padding-right: 2px; margin-top: 2px}
#company_left_menu li{
    border-bottom: 1px dotted #C1B092;
}
ul#company_left_menu li a{
    display: block;

}
ul#company_left_menu li a:hover{
    background: #C1B092;
    text-decoration: none;
    color: #fff;
}

/* relate company */
#related_company, #people-like {
   margin-top: 15px;
   padding-right: 10px;

}
#related_company h2.title,
#people-like h2.title{
    font-size: 0.9em;
    background: #c1b092;
    color: #3f3930;
    padding: 5px 5px;
    border-top: 1px solid #3F3930;
    
}
#related_company span,
#people-like span{
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 3px 5px 3px 5px;
    text-align: right;
    font-size: 0.8em;
}
.related-company,
.people-like{
    margin-top: 10px;
}
.related-company-content,
.people-like-content{
    width: 50px;
    float: left;
    text-align: center;
    padding: 0 3px;
    word-wrap: break-word;
    font-size: 0.8em;
}
.related-company-content img,
.people-like-content img{
    margin-bottom: 3px;
}
.report-company{
    padding-right: 10px;
    margin-top: 25px;
}
.report-company span{
    display: block;
    margin-bottom: 5px;
}
.report-company div#share-company{
    margin-top: 20px;
}
/* content of company */
#bayon-menu-tabs {
    font-family: "Segoe UI", sans-serif, arial;
    font-size:0.85em;
}
#bayon-menu-tabs div a{
    color: #319CC5;
}

.company-tabs-panel{
    background: #fff;
    padding: 10px;
   
}
.row_company_info{
     /*border-bottom: 1px dotted #ccc;*/
     padding: 5px;
     font-size: 1.2em;
}
.row_company_info span{
    float: left;
    width: 120px;
    position: relative;
}
.row_company_info span samp{
    text-align: right;
    position: absolute;
    right: 10px;
}
.company_description{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.2em;
}
#other_companies_gads{
    clear: both;
}
#other_companies_gads h2{
    border-bottom: 1px solid #ccc;
    color: #3f3930;
    padding: 2px 2px;
}
#other_companies,
#ads_with_other_company{
    margin-top: 10px;
    width: 48%;
   /* border: 1px solid #ccc;*/
    padding: 10px 2px;
}
#other_companies{
    float: left;
}
#other_companies p{
   margin-bottom: 10px;
   position: relative;
}

#other_companies p a{
    position: absolute;
    padding-top: 15px;
    color: #06A4D2;
}
#other_companies p span img{
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 2px;
    margin-right: 10px;
    float: left;
}
#ads_with_other_company{
    float: right;
    border-left: 1px solid #ccc;
}
#edit_compnany_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative; font-size: 0.9em; font-weight: normal}
#edit_compnany_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}


/* change logo */
.change_logo{
    width: 180px;
}
.change_logo span{
    display: block;
    font-weight: bold;
    text-align: center;
}
.change_logo img{
    border: 1px solid #ccc;
    background: #fff;
    padding: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/********* View Company by classification(category) ********/
.company-wrap{
    margin-top: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}
.company-wrap span.cp-logo{
    width: 170px;
    display: block;
    float: left;
}
.company-wrap div.company-action{
    margin-top: 10px;
    color: #ccc;
}
div.company-action a{
    margin-right: 1px;
    padding: 0 2px;
}
div.company-action a:hover{
    background: #f3f3f3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

/** report form **/
form#formReport label{
    display: block;
    float: none;
}
form#formReport textarea{
    width: 450px;
    height: 10em;
    margin-top: 10px;
}